@charset "utf-8";
/* CSS Document */


.con-top { background:#2f2f2f; padding:80px 0 20px;}
.con-top .footer-nav > ul  { display: flex;justify-content: space-between; margin: 0 auto; text-align: center;}
.con-top .footer-nav > ul > li{ }
.con-top .footer-nav > ul > li h2 a {text-align: center;font-size: 18px; font-weight: bold;color:#fff;
 position: relative; transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s;
}

.con-top .footer-nav > ul > li h2 a:hover{color:#f80002; }
.con-top .footer-nav > ul > li h2 a:hover :after{right:-1.5rem;opacity: 1;color:#f80002; }
.con-top .footer-nav > ul > li h2 a:after {
    content: '⇗';
    font-family: iconfont;
    position: absolute;
    top: 0.1rem;
    right: -1rem;
    font-size: 18px;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.con-top .footer-nav > ul > li ul {margin-top: 25px;}
.con-top .footer-nav > ul > li ul li a {
    font-size:16px;
    color:#9f9f9f;
    line-height: 36px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.con-top .footer-nav > ul > li ul li a:hover:after {
    right: -1.2rem;
    opacity: 1;
    color: #d8222a;
} 
.con-top .footer-nav > ul > li h2 a:after {
    content: '⇗';
    font-family: iconfont;
    position: absolute;
    top: 0.1rem;
    right: -1rem;
    font-size: 0.9rem;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.con-top  .footer-nav {
    margin-top: 0px;
}

.con-bottom {
    background: #2f2f2f;
    /* background: #151313; */
    padding: 25px 0px;
    font-size: 16px;
    border-top: 1px solid #151313;
}
.con-bottom .con-link {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.con-bottom .con-link h2 {

    font-size: 18px;
    color:#fff;
    font-weight: bold;
  
}
.con-bottom  .con-link ul li {
    float: left; 
    margin-right: 5rem;
}
.con-bottom  .con-link ul li a {
    font-size: 16px;
    color: #fff;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.con-bottom  .con-link ul li a:after {
    content: '⇗';
    font-family: iconfont;
    line-height: 1.5;
    position: absolute;
    top: 0.2rem;
    right: -1rem;
    font-size: 0.6rem;
    color: #999;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.con-bottom  .con-contact {
    padding: 20px 0;
}
 .con-bottom  .con-contact ul {
    display: flex;
    justify-content: space-between;
}
.con-bottom .con-contact ul li {
    flex: 1;
    text-align: center;
    position: relative;
}
.con-bottom .con-contact ul li h2 a {
    color: #fff;
}
.con-bottom .con .con-link ul li a:after {
    content: '⇗';
    font-family: iconfont;
    line-height: 1.5;
    position: absolute;
    top: 0.2rem;
    right: -1rem;
    font-size: 0.6rem;
    color: #999;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}


.con-bottom .con-contact ul li h2 {
    font-size:15px;
    color: #fff;
}
.con-bottom .con-contact ul li:not(:last-child):after {
    content: '';
    width: 1px;
    height: 0.8rem;
    background: #bbb;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -0.4rem;
}
 .con-bottom  .copy  p {
   
    font-size:14px; line-height: 32px; text-align: center;
    color: #FFF;
}
 .con-bottom  .copy a {
 color:  #FFF;
}
.con-bottom  .copy .left ul li:first-child {
   
}

@media (max-width:768px) {
.con-top {background: #2f2f2f;padding: 30px 0 20px;    display: none;}  
.con-top .footer-nav > ul  { display:block;margin: 0 auto; text-align: center;} 
.con-top .footer-nav > ul>li {width: 50% !important;    margin: 0 auto;text-align: left;}
.con-top .footer-nav > ul > li ul {margin-top:5px; margin-bottom: 20px}
.con-bottom .con-link h2 {
    font-size: 18px;
    color: #777;
    font-weight: bold;
    margin-bottom: 20px;
}
.con-bottom .con-link ul li {
    float: left;
     margin-right: 0rem;
    width: 49%;    height: 30px;
    line-height: 30px;

}  
.con-bottom .con-link ul li a {
    font-size: 14px;
    color: #777;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.con-bottom .con-link {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.con-bottom .con-contact ul {
     display: block; 
   
}
.con-bottom .con-contact ul li h2 {
    font-size: 14px;
    color: #666; line-height: 30px;   text-align: left; letter-spacing: -1px;
}
}